<template>
  <el-container>
    <el-aside class="aside-menu" width="180px" style="background-color: #FFFFFF">
      <el-menu
        class="h-100"
        background-color="#FFFFFF"
        text-color="#333333"
        active-text-color="#1976D2"
        :default-active="$route.name"
        @select="index => this.$router.push({name: index})"
      >
        <el-menu-item index="process-hc">
          <svg-icon icon-class="tongji1"></svg-icon>
          <span slot="title">调查工作进度</span>
        </el-menu-item>
        <el-menu-item index="appropriation-hc">
          <svg-icon icon-class="jingfei"></svg-icon>
          <span slot="title">调查经费落实情况</span>
        </el-menu-item>
        <el-menu-item index="deployment-hc">
          <svg-icon icon-class="tongji3"></svg-icon>
          <span slot="title">总体部署进度</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main class="bg-gray supervise-container">
      <transition name="fade-transform" mode="out-in">
        <!-- <keep-alive> -->
          <router-view />
        <!-- </keep-alive> -->
      </transition>
    </el-main>
  </el-container>
</template>
<script>
import axios from 'axios'

export default {
  name: "supervise",
  title: "监管",
  data() {
    return {};
  },
  beforeCreate(){
      //console.log(encodeURIComponent("Survey wesson_23-0ca58417-e83c-4bfb-98ce-7f8adf2870c4_2_3"))
      //console.log(this.$compileStr("Survey wesson_41-6f7729da-2d41-4d34-903e-5a55dd058d00_4"))
      let token = this.$getUrlParames("token");
      if(token){
        token = decodeURIComponent(token)
        console.log(token)
        axios.defaults.headers.common['Authorization'] = token//'Survey wesson_23-0ca58417-e83c-4bfb-98ce-7f8adf2870c4_2_3'
      }
  }
};
</script>
<style lang='scss'>
.supervise-container {
    /*background: #fcfcfd;*/
}
.whole-process-container {
    /*width: 80%;*/
    margin: 0 auto;
    background: #fff;
    padding: 0.75rem 1.125rem;
    .el-radio-group {
        padding-top: 10px;
    }
    .el-date-editor.el-input{
        width: 150px;
    }
    .el-row {
        margin-top: 10px;
    }
    .must-label {
        vertical-align: middle;
        display:inline-block;
        color: red;
    }
}
.el-collapse-item__header {
    font-size: 16px;
    font-weight: 500;
    background-color: #f4f4f4;
    padding: 0px 10px;
}
.el-collapse-item__wrap {
    padding: 0px 10px;
}
.attention {
    color:red;
    font-size:12px;
}


</style>